<extend name="Common/base"/>
<block name="content">
    <div class="container">
        <div class="aDetailList">
                <pre>
                    冬天，人都道去北方看飞雪，山舞银蛇，原驰蜡象。你可知，冬天的广州有比白雪更婉约绚烂的美丽？
　　这两天的广州刷爆朋友圈。外地的朋友在惊呼：冬天怎么可以美成这样！城中的朋友在赞叹：好美，我的广州。花城，名副其实。不仅在于四季都有鲜花盛开，更有落花护城，美如仙境。
    你看，一夜冷风雨，满地锦绣红。冷雨中，洋紫荆为广州城营造了绝美的浪漫。
                </pre>
            <div class="huifuL">
                <h5>评论：</h5>
                <!-- <hr /> -->
                <ul>
                    <li class="ha">
                        <h6>杨老师：</h6>
                        <p>圈。外地的朋友在惊呼：冬天怎么可以美成这样！城中的朋友在赞叹：好美，我的广州。花城，名副其实。不仅在于四季都有鲜花盛开，更有落花护城，美如仙境。
                        </p>
                        <span>
                            <a href="#">评论</a><a href="#">回复</a><i class="fa fa-thumbs-o-up fa-lg"></i>
                            </span>
                        <ul class="huifulou">
                            <li>
                                <p><h6>王老师<em>@李老师：</em></h6>圈。外地的朋友在惊呼：冬天怎么可以美成这样！城中的朋友在赞叹：好美，我的广州。花城，名副其实。不仅在于四季都有鲜花盛开，更有落花护城，美如仙境。
                                <h6>57分钟前</h6><a href="#">评论</a><a href="#">回复</a><i class="fa fa-thumbs-o-up fa-lg"></i>
                                </p>
                                <!-- <span></span> -->
                                <form action="" >
                                    <textarea name="" id="" rows="10"></textarea>
                                    <a class="btn btn-primary btn-sm">提交</a> <a class="quxiao btn btn-primary btn-sm">取消</a>
                                </form></li>
                            <li>
                                <p><h6>王老师：</h6>圈。外地的朋友在惊呼：冬天怎么可以美成这样！城中的朋友在赞叹：好美，我的广州。花城，名副其实。不仅在于四季都有鲜花盛开，更有落花护城，美如仙境。
                                <h6>2017-01-01</h6><a href="#">评论</a><a href="#">回复</a><i class="fa fa-thumbs-o-up fa-lg"></i>
                                </p>
                                <span></span>
                                <form>
                                    <textarea name="" id="" rows="10"></textarea>
                                    <a class="btn btn-primary btn-sm">提交</a> <a class="quxiao btn btn-primary btn-sm">取消</a>
                                </form>
                            </li>
                        </ul>
                        <form action="" >
                            <textarea name="" id="" rows="10"></textarea>
                            <a class="btn btn-primary btn-sm">提交</a>
                            <a class="quxiao btn btn-primary btn-sm">取消</a></form>
                    </li>

                    <li class="ha">
                        <p>圈。外地的朋友在惊呼：冬天怎么可以美成这样！城中的朋友在赞叹：好美，我的广州。花城，名副其实。不仅在于四季都有鲜花盛开，更有落花护城，美如仙境。
                        </p>
                        <span>
                            <a href="#">评论</a><a href="#">回复</a><i class="fa fa-thumbs-o-up fa-lg"></i>
                            </span>
                        <form action="" >
                            <textarea name="" id="" rows="10"></textarea>
                            <a class="btn btn-primary btn-sm">提交</a><a class="quxiao btn btn-primary btn-sm">取消</a>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
        <nav class="fenye" aria-label="Page navigation">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
    </block>
<block name="foot_js">
    <script type="text/javascript">
        $(function(){
            // 小评论
            $("li").on("click","a",function(event){
                if($(this).parent().children('form').css("display")=="none"){
                    $(this).parent().children('form').css('display','block');
                }
            })
            // 大评论
            $(".ha").on("click","a",function(event){
                $(this).parent().siblings('form').css('display','block');
            })
            // 取消评论
            $("form").on("click",".quxiao",function(event){
                $(this).parent().css('display','none');
            })
            // 点赞
            $(".ha").on("click",".fa-thumbs-o-up",function(event){
                $(this).css('color','red');
            })
        })
    </script>
</block>
<block name="header_js">
    <!--导航变色-->

    <script>
        var nav=document.getElementsByClassName('nav')[0].getElementsByTagName('a');
        nav[5].className='active';
    </script>
</block>
